<!DOCTYPE html>
<html
  lang="en"
  lang="en"
  style="
    background: url('img/bg (2).jpg') no-repeat;
    background-size: cover;
    background-attachment: fixed;
    clear: both;
  "
>
  <link rel="shortcut icon" href="img/logo.ico" type="image/x-icon" />
  <head>
    <meta charset="UTF-8" />
    <title>欢迎来骚扰我哦(雾)(～￣▽￣)～</title>
    <link rel="stylesheet" href="CSS/all.css" />
    <link rel="stylesheet" href="CSS/index.css" />
    <style>
      @import url("CSS/Contact.css");
    </style>
  </head>
  <body onload="lod()">
    <div id="wxbox">
      <img        src="img/wxhaoy.jpg"   style="margin: 20% 0% 0% 40%; display: inline-block"/>
    </div>
    <div id="nav">
      <span id="top_s1">
        <a id="top_s1_01" href="index.html" style="color: white"
          ><h2 class=".flow">九九九感冒绫</h2>
          <span> ☫☩☯☤₪</span></a
        >
        <a id="top_s1_02" href="Learning log_loading.html" class="top_ssd">
          学习日志
        </a>
        <a id="top_s1_03" href="Resources.html" class="top_ssd"> 资源分享 </a>
        <a id="top_s1_04" href="gossip.html" class="top_ssd"> 杂言碎语 </a>
        <a id="top_s1_05" href="unfinished_oading.html" class="top_ssd">
          不知道写啥了 XD
        </a>
        <a id="top_s1_06" href="Contact me.html" class="top_ssd"> 联系我 </a>
      </span>
    </div>
    <div class="container">
      <div id="qq">
        <div class="row">
          <div class="col-md-4 col-sm-6">
            <div class="box">
              <div class="Frostedglass"></div>
              <img src="img/QQ.png" />

              <div class="box-content">
                <h3 class="title">使用QQ联系我</h3>
                <span class="post"
                  >我个人最常用的社交工具<br />
                  联系到我的概率是比较高的<br />
                  但是QQ好友比较多不一定会反应过来</span
                >
              </div>
              <ul class="icon">
                <li>
                  <a
                    href="https://wpa.qq.com/msgrd?v=3&uin=1403315011&site=qq&menu=yes"
                    target="_blank"
                    ><i class="fa fa-search">转到</i></a
                  >
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div id="github">
        <div class="col-md-4 col-sm-6">
          <div class="box">
            <div class="Frostedglass"></div>

            <img src="img/GitHub.png" />
            <div class="box-content">
              <h3 class="title">使用GitHub了解我</h3>
              <span class="post"
                >这个不经常上<br />
                不过可以通过这个去看我所制作的项目之类的</span
              >
            </div>
            <ul class="icon">
              <li>
                <a href="https://github.com/Luo16-MIKU" target="_blank">
                  转到<i class="fa fa-search"></i
                ></a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div id="wx">
        <div class="row">
          <div class="col-md-4 col-sm-6">
            <div class="box">
              <div class="Frostedglass"></div>

              <img src="img/微信.png" />
              <div class="box-content">
                <h3 class="title">使用微信联系我</h3>
                <span class="post">
                  如果不出意外的话<br />
                  微信联系到我的概率是最高的<br />
                </span>
              </div>
              <ul class="icon">
                <li>
                  <a id="wximg" target="_blank"
                    ><i class="fa fa-search">转到</i></a
                  >
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 导入光标特效 -->
    <link rel="stylesheet" href="Tools/光标.css" />
    <script src="Tools/光标.js"></script>
    <script src="Tools/jQuery.js"></script>
    <script src="JS/all.js"></script>
    <script>
      $("#wximg").click(function () {
        $("#wxbox").css("display", "block");
        $("#wxbox").css("transition", "5s");
      });
      $("#wxbox").click(function () {
        $("#wxbox").css("display", "none");
        $("#wxbox").css("transition", "5s");
      });
    </script>
  </body>
</html>
